@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;	
	font-size:14px;
	color:#CCC
	color:#eaeaea;
}

img { border:none; }

.center1 {
width:500px;
margin-left:100px;
margin-right:auto;
}

.centerText {
text-align:center;
}

/* ------------------------------ liens */


ul.list li {
list-style-type:none;
margin-left:20px;
}

ul.tabs {
width:100%;
overflow:hidden;
}

ul.tabs li {
list-style-type:none;
display:block;
float:left;
color:#fff;
font-weight: bold;
padding:8px;
margin-right:2px;
border-bottom:2px solid #2f2f2f;
background-color:#76ACE6;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
cursor:pointer;
}

ul.tabs li:hover {
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); 
}

ul.tabs li.current {
background: rgb(179,190,173);
background: url();
background: -moz-linear-gradient(-45deg,  rgba(179,190,173,1) 0%, rgba(223,229,215,1) 60%, rgba(252,255,244,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(179,190,173,1)), color-stop(60%,rgba(223,229,215,1)), color-stop(100%,rgba(252,255,244,1)));
background: -webkit-linear-gradient(-45deg,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);
background: linear-gradient(-45deg,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bead', endColorstr='#fcfff4',GradientType=1 );

}



body{
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;padding:0;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
background: rgb(234,4,4); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(234,4,4,1) 0%, rgba(2,6,124,1) 41%, rgba(2,6,124,1) 62%, rgba(247,206,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,4,4,1)), color-stop(41%,rgba(2,6,124,1)), color-stop(62%,rgba(2,6,124,1)), color-stop(100%,rgba(247,206,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(234,4,4,1) 0%,rgba(2,6,124,1) 41%,rgba(2,6,124,1) 62%,rgba(247,206,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(234,4,4,1) 0%,rgba(2,6,124,1) 41%,rgba(2,6,124,1) 62%,rgba(247,206,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(234,4,4,1) 0%,rgba(2,6,124,1) 41%,rgba(2,6,124,1) 62%,rgba(247,206,0,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(234,4,4,1) 0%,rgba(2,6,124,1) 41%,rgba(2,6,124,1) 62%,rgba(247,206,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0404', endColorstr='#f7ce00',GradientType=1 ); /* IE6-9 */

}

a{
	color:#3690f0;	
	text-decoration:none;
}

a:over{
	color:#1e69de;
	text-decoration:underline;
}

body{
	line-height:1
}

ol,ul{
	list-style:none
}

blockquote,q{
	quotes:none
}:focus{
	outline:0
}ins{
	text-decoration:none
}del{
	text-decoration:line-through
}

#nav {
margin: 5px;
margin-left:60px;
z-index: 10;
display: block;
}
#nav li { float: left;}
#nav li:hover { position: relative }
#nav li:hover > a { 
background: rgb(109,179,242);
background: url();
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); 

box-shadow: 5px 5px 25px #000;
-moz-box-shadow: 5px 5px 25px #000;
-webkit-box-shadow: 5px 5px 25px #000;

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;                  
}

#nav li .current{
	background: rgb(109,179,242);
	background: url();
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); 
	
	box-shadow: 5px 5px 25px #000;
	-moz-box-shadow: 5px 5px 25px #000;
	-webkit-box-shadow: 5px 5px 25px #000;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

#nav li.sub:hover > a {
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;        
}

#nav li a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 12px;
display: block;
}
#nav li a:hover { background-color: #021A1A; }        

#nav li ul { 
background: #fff;
margin-top: -2px;
display: none;   
}
#nav li:hover ul {
display:block; 
position:absolute; 
}

#nav li ul {
background: rgba(255,255,255,0.5);
padding: 10px 5px;

box-shadow: 5px 5px 25px #000;
-moz-box-shadow: 5px 5px 25px #000;
-webkit-box-shadow: 5px 5px 25px #000;

border-radius: 0px 15px 15px 15px;
-moz-border-radius: 0px 15px 15px 15px;
-webkit-border-radius: 0px 5px 5px 5px;
}
#nav li ul li a, #nav li ul li a:hover {
background: transparent;
color: #000;
width: 150px;
font-size: 0.95em;
font-weight: normal;
}
#nav li ul li a:hover { text-decoration: underline; 
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

.content_grv{
	padding:40px 0px 20px 0px;
	margin-top:35px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:35px;
	width:92%;
	height:100%;
	vertical-align:middle;
	border-radius: 7px;
	border:1px solid #c0c0c0;
	opacity:1px;
	overflow:hidden;
	box-shadow: 3px 3px 10px #000;
	
	background: #FFF;
}

.tbl_list{
	margin:auto;
	padding:10px;
	width:90%;
}

.tbl_form{
	margin:auto;
	padding:40px 0 20px 0;
	width:90%;
	border:1px solid #c0c0c0;
	background:#FFFFFF;
	box-shadow: 1px 1px 3px #000;
}

.tbl_form td{
	padding:5px;	
}

.lbl_black{
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
	font-size:13px;
	color:#000;	
	padding:2px;
}

.lbl_gray{
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:13px;
	color:#666;	
	padding:2px;
}

.lbl_gray_small{
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:10px;
	color:#666;	
	padding:2px;
}

.title{
	font-weight:bold;
	font-size:18px;
	color:#666;
	padding:5px;
	
}

.text_grv{
	font-size:13px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:1px 5px 1px 5px;
	box-shadow: 1px 1px 2px #000;
}

.button_grv{
	font-size:13px;
	font-weight:bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:1px 5px 1px 5px;
	color:#FFFFFF;
	
	
	background: rgb(109,179,242);
background: url();
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
}

.button_grv{
	font-size:13px;
	font-weight:bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:1px 5px 1px 5px;
	color:#FFFFFF;
	
	
	background: rgb(109,179,242);
background: url();
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
}

.button_grv_cancel{
	font-size:13px;
	font-weight:normal;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:1px 5px 1px 5px;
	background: #fcfff4;
background: url();
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
background: linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.tbl_search{
	width:100%;
	padding:3px 0 3px 0;
	
	margin:auto;
	border:1px solid #c0c0c0;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}

.tbl_list .item_head{
	background: rgb(109,179,242);
	background: url();
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
		
	text-transform:uppercase;
	vertical-align:middle;
	padding:5px;

	
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#FFFBF0;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}

.tbl_list .item_a{
	padding:5px;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 3px;
	text-align:center;
	color:#655A54;
	box-shadow: 1px 1px 2px #000;
}

.tbl_list .item_b{
	padding:5px;
	background:#CBE3F4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 3px;
	text-align:center;
	color:#655A54;
	box-shadow: 1px 1px 2px #000;
}

.item_c{
background: rgb(109,179,242);
background: url();
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );

	vertical-align:middle;
	padding:5px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:right;
	color:#FFFBF0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}

.lbl_blue{
	font-size:12px;
	color:#0000FF;
}
.center {
width:60%;
margin:20px auto 0 auto;
}
.marginbot {
margin-bottom:15px;
}
.item_d{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
	font-size:12px;
	font-weight:bold;
}
.shadow{
	background:#f6f6f6;
	padding:20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #c0c0c0;
}

.lbl_white{
	color:#FFFFFF;
	font-size:13px;	
}

.content_login{
	margin:auto;
	
	vertical-align:middle;
	border-radius: 7px;
	border:1px solid #c0c0c0;
	opacity:1px;
	box-shadow: 3px 3px 10px #000;	
	background: #FFF;
	padding:10px;
}

.logo{
	margin-top:140px;	
	text-align:center;
}

.tbl_login{	
	margin:auto;
	padding:10px 10px 5px 10px;
	width:40%;
	border:1px solid #c0c0c0;	
	box-shadow: 1px 1px 3px #000;
	border-radius: 7px;
	background: #eeeeee;
	z-index:100;
background: url();
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%);
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
}

.lbl_title{
	border-bottom:1px solid #C0C0C0;
	color:#333;
	font-size:14px;
	padding:5px 0px 5px 10px; 	
}
.no_data{
	border: 1px solid #C0C0C0;
	padding:15px;	
}


/*common*/
img {
	margin: 0;
	padding: 0;
	border: 0;
}

ul{
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.hidden {
  display: none;
}
.btn {
	cursor: pointer;
}
.btnH {
	cursor: pointer;
}
.title {
	cursor: pointer;
}
.pointer {
	cursor: pointer;
}
#all {
	height: 100%;
	width: 100%;
}
#url {
	margin-top: 10px;
	font-family: Verdora, Arial, Helvetica, sans-serif;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.clear {
	clear: both;
	float: none;
}
.titleImg{
	cursor: pointer;
}
.titleImg2{
	cursor: pointer;
}
.titleImg3{
	cursor: pointer;
}
.contentCenter {
	text-align: center;
}
.contentCenterBox {
	margin: 0 auto 0 auto;
}
.contentRight {
	text-align: right;
}
.contentLeft {
	text-align: left;
}
#decoy {
	position: absolute;
	height: 5px;
	width: 5px;
	left: 0px;
	top: 0px;
}
.scrollBox {
	overflow: auto;
}
.mgnAuto {
	margin: 0 auto 0 auto;
}
.inline{
	display: inline;
}

/*layout*/
#header {
	width: 900px;
	height: 195px;
	padding: 15px 0 0 0;
}
#header #sldbox {
	height: 180px;
	display: none;
}
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 1200px;
}
#footerBox {
	text-align: center;
	margin-top: 45px;
}
#copyright {
	font-family: Verdora, Arial, Helvetica, sans-serif;
	color: #878F89;
	font-size: 10px;
	margin-top: 25px;
}

/*letter*/

.bigF {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f16 {
	font-size: 16px;
}
.f14 {
	font-size: 14px;
}
.f12 {
	font-size: 12px;
}
.f11 {
	font-size: 11px;
}
.f10 {
	font-size: 10px;
}
.normalF {
	font-size: 12px;
}
.smallF {
	font-size: 11px;
}
.black {
	color: #000000;
}
.darkGray {
	color: #2A2A2A;
}
.mediumGray {
	color: #62605B;
}
.gray {
	color: #8B8B87;
}
.lightGray {
	color: #C5C5C3;
}
.red {
	color: #AE0000;
}
.bold {
	font-weight: bold;
}
.lineH13 {
	line-height: 1.3em;
}
.lineH14 {
	line-height: 1.4em;
}
.lineH15 {
	line-height: 1.5em;
}
.eng{
	font-family: Verdora, Arial, Helvetica, sans-serif;
}
.overHide {
	overflow: hidden;
}

/*link*/
a img {
	border: 0;
}
a {
	text-decoration: none;
}
.navi:link {
	color: #AE0000;
	text-decoration: none;
}
.navi:visited {
	color: #AE0000;
	text-decoration: none;
}
.navi:hover {
	color: #AE0000;
	text-decoration: underline;
}
.navi2:link {
	color: #1B1D20;
	text-decoration: none;
}
.navi2:visited {
	color: #1B1D20;
	text-decoration: none;
}
.navi2:hover {
	color: #1B1D20;
	text-decoration: underline;
}

/*column*/
#left {
	float: left;
	width: 200px;
	position: relative;
}
#center {
	width: 490px;
	float: left;
	text-align: center;
	margin-left: 5px;
	position: relative;
}
#right {
	width: 200px;
	float: right;
	position: relative;
}

/*adjuster*/
.pad3 {
	padding: 3px;
}
.pad4 {
	padding: 4px;
}
.pad5 {
	padding: 5px;
}
.pad6 {
	padding: 6px;
}
.pad0_0_3_0 {
	padding: 0 0 3px 0;
}
.pad3_0_3_0 {
	padding: 3px 0 3px 0;
}
.pad5_0_0_0 {
	padding: 5px 0 0 0;
}
.pad0_0_5_0 {
	padding: 0 0 5px 0;
}
.pad5_0_5_0 {
	padding: 5px 0 5px 0;
}
.pad0_0_0_5 {
	padding: 0 0 0 5px;
}
.pad6_0_6_0 {
	padding: 6px 0 6px 0;
}
.pad6_0_0_0 {
	padding: 6px 0 0 0;
}
.pad0_0_0_10 {
	padding: 0 0 0 10px;
}
.pad0_15_0_15 {
	padding: 0 15px 0 15px;
}
.pad0_0_6_0 {
	padding: 0 0 6px 0;
}
.pad0_6_0_0 {
	padding: 0 6px 0 0;
}
.pad0_6_0_6 {
	padding: 0 6px 0 6px;
}
.pad6_0_0_10 {
	padding: 6px 0 0 10px;
}
.pad7_0_0_0 {
	padding: 7px 0 0 0;
}
.pad10_0_10_0 {
	padding: 10px 0 10px 0;
}
.pad0_10_0_10 {
	padding: 0 10px 0 10px;
}
.pad10_0_0_0 {
	padding: 10px 0 0 0;
}
.pad0_0_10_0 {
	padding: 0 0 10px 0;
}
.pad15_0_0_0 {
	padding: 15px 0 0 0;
}
.pad20_0_0_0 {
	padding: 20px 0 0 0;
}
.pad0_20_0_20 {
	padding: 0 20px 0 20px;
}
.pad0_30_0_30 {
	padding: 0 30px 0 30px;
}
.pad0_20_0_0 {
	padding: 0 20px 0 0;
}
.pad0_20_0_0 {
	padding: 0 20px 0 0;
}
.pad0_0_20_0 {
	padding: 0 0 20px 0;
}
.pad0_0_0_25 {
	padding: 0 0 0 25px;
}
.pad0_0_20_25 {
	padding: 0 0 20px 25px;
}
.pad0_0_30_0 {
	padding: 0 0 30px 0;
}
.space10 {
	height: 10px;
}
.space20 {
	height: 20px;
}
.space30 {
	height: 30px;
}
.mgn5_0_0_0 {
	margin: 5px 0 0 0;
}
.mgn0_15_0_15 {
	margin: 0 15px 0 15px;
}
.mgn0_20_0_20 {
	margin: 0 20px 0 20px;
}

/*font*/
.btn_font {
	position: absolute;
	left: 233px;
	top: 210px;
}
.fontTitle {
	position: relative;
	height: 232px;
}
.fontTitleJr {
	height: 286px;
	position: relative;
}
.btn_fontJr {
	position: absolute;
	left: 88px;
	top: 263px;
}
#jrLeft {
	padding: 0 0 0 38px;
	float: left;
}
#jrRight {
	padding: 0 38px 0 0;
	float: right;
}
.bgGrayL {
	background-color: #EAEAE8;
}
.centerLineBox {
	padding: 7px 7px 0 7px;
	margin: 7px 30px 7px 30px;
}
.ft2t1 {
	width: 130px;
}
.ft2t2 {
	width: 160px;
}.ft2t3 {
	width: 155px;
}.ft2t4 {
	width: 170px;
}
.ft1t1 {
	width: 130px;
}
.ft1t2 {
	width: 160px;
}.ft1t3 {
	width: 155px;
}.ft1t4 {
	width: 170px;
}


/*border*/
.border1 {
	border: 1px solid;
}
.border1_type2 {
	border-style: solid;
	border-width: 1px 0 0 0;
}
.border1_type3 {
	border-style: solid;
	border-width: 1px 0 1px 0;
}
.under1Border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
}
.borderGray {
	border-color: #C9C9C3;
}
.borderLightGray {
	border-color: #C5C5C3;
}

/*YouTube*/
.ytBox {
	margin-top: 30px;
	margin-left: 30px;
	display: inline;
}


/*ehon*/
.ehonCase01 {
	height: 281px;
	width: 644px;
	padding: 30px;
}
.ehnTitleImg {
	position: relative;
	left: 6px;
}
.ehnTitle {
	position: relative;
}
.btnEhn {
	position: absolute;
	left: 143px;
	top: 100px;
}

/*cartoon*/
.crtnTitle {
	position: relative;
	height: 180px;
}
.btn_crtn {
	position: absolute;
	top: 155px;
	left: 90px;
}
.crtnTitleImg {
	position: relative;
	left: 30px;
}

/*paint*/
.paintTitleImg {
	position: relative;
	left: 15px;
}
.paintTitle {
	position: relative;
}
.btnPnt {
	position: absolute;
	left: 27px;
	top: 80px;
}

/*jquery*/
.jqryTitleImg {
	position: relative;
	left: 7px;
	width: 186px;
}
.jqryTitle {
	position: relative;
	height: 100px;
}
.btnJqry {
	position: absolute;
	left: 89px;
	top: 78px;
}
#getMopSld {
	padding: 0 0 6px 19px;
}
#getMopBox {
	padding: 0 0 6px 29px;
}
#getMopTip {
	padding: 0 0 6px 34px;
}
#getMopHov {
	padding: 0 0 6px 30px;
}

/*kamisama*/
#kamisama {
	position: relative;
	height: 240px;
	width: 320px;
}
#kamisamaImg {
	position: absolute;
	left: 400px;
	top: 40px;
}
/*mopSliderDescription*/
#mopSldTitleCase {
	padding: 20px 0 0 0;
}
#mopSldTitleImg {
	margin-left: 178px;
	float: left;
}
#mopSldBtn {
	float: right;
	margin: 38px 15px 0 0;
}
#mopSldContent .txt01case {
	height: 73px;
}
#mopSldContent .txt04case {
	height: 126px;
}
#mopSldContent .txt05_1case {
	width: 176px;
	float: left;
	height: 283px;
}
#mopSldContent .txt05case {
	height: 281px;
}
#mopSldContent .mopSld11 {
	margin-left: 30px;
}
/*mopTipDescription*/
#mopTipTitleImg {
	float: left;
	margin: 0 0 0 202px;
}
#mopTipContent .txt01case {
	height: 73px;
}#mopTipContent  .txt03case {
	height: 88px;
}
#mopTipContent .txt04_1case {
	height: 66px;
}
#mopTipBtn {
	float: right;
	margin: 50px 15px 0 0;
}

/*jqueryPluginDescription*/
/*for topPage*/
.mopJqy1 {
	height: 500px;
	width: 630px;
	margin-top: 30px;
	margin-left: 30px;
	display: inline;
}
.mopJqy2 {
	height: 500px;
	width: 630px;
	margin-top: 30px;
	margin-left: 30px;
	display: inline;
}
.mopJqy3 {
	height: 500px;
	width: 630px;
	margin-top: 30px;
	margin-left: 30px;
	display: inline;
}
.mopJqy4 {
	height: 500px;
	width: 630px;
	margin-top: 30px;
	margin-left: 30px;
	display: inline;
}


/*MopNews*/
.mopNewsJqy {
	height: 500px;
	width: 580px;
	margin-top: 30px;
	margin-left: 30px;
	display: inline;
}
.box550 {
	width: 550px;
	margin: 0 auto 0 auto;
}

/*birthdayCard*/
.bdBox {
	margin-top: 30px;
	margin-left: 30px;
	width:270px;
	height:270px;
	display: inline;
}
#birthBox {
	text-align: center;
}
.atentionT {
	margin: 10px auto 0 auto;
	width: 350px;
}
.atention {
	cursor: pointer;
}
.birthCase {
	width: 500px;
	margin: 0 auto 0 auto;	padding: 20px 0 0 0;
}
.birthdayTbox {
	border: 1px solid #C9C9C3;
	padding: 5px;
	margin: 3px 15px 3px 15px;
}
/*contents*/
#mopNews {
	margin: 5px 0 0 5px;
	float: left;
}
#aboutMop {
	float: right;
	margin: 15px 5px 0 0;
}
#mopWorks {
	margin: 0 0 0 30px;
	float: left;
}
.buyFontImg {
	position: relative;
	left: 8px;
	top: 5px;
}
.btnBuyFontDp {
	position: absolute;
	top: 100px;
	left: 22px;
}
.btnBuyFontDw {
	position: absolute;
	left: 29px;
	top: 134px;
}
.fontTarget1 {
	margin: 30px;
	width: 540px;
	height: 440px;
	display: inline;
}
.fontTarget2 {
	margin: 30px;
	width: 540px;
	height: 440px;
	display: inline;
	overflow: auto;
}
/*end common.css*/

.content_fancy_grv{
	margin: 0px;
	padding: 0px;
	font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
	border:1px solid #C0C0C0;	
}

.tbl_fancy{
	margin:auto;
	width:100%;
	height:100%;
	border:1px solid #c0c0c0;
	background:#FFFFFF;
	box-shadow: 1px 1px 3px #000;
}

.title_fancy{
	background: rgb(109,179,242);
	background: url();
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );	
		
	text-transform:uppercase;
	padding:5px;	
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#FFFBF0;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}

.lbl_red_small{
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
	font-size:12px;
	color:#F00;
}

.title_information{
	font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;    
    color: #333;
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
	padding:10px;
}

.information_table{
	font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
	border:1px solid #e2c822;
	background: #fff9d7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}